$(function () {
    /* 数据初始化 */
    init();
    function init() {
        /* 显示数据 */
        renderData();
        var ul = $(".hisSer ul");
        // console.log(ul);

        var btn = $(".serBtn");
        // console.log(btn);
        

        $(".serBtn").on("tap", function () {
            /* 获取搜索框的值 */
            var txt = $(".serText").val();
            // console.log(txt);

            /* 判断txt是否合法 */
            if (!$.trim(txt)) {
                console.log("非法的值");
                return;
            }

            /* 把合法的值存到本地内存中 */
            var ls = localStorage;
            //ls.setItem("letaoHistory","[1,2,3,4]");
            
            // console.log(JSON.parse(ls.getItem("letaoHistory")) + "1111");
            var arr = ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))||[];
            // console.log(arr)

            /* 循环判断数组中是否已经存在有相同的数据 */
            for (var i = 0; i < arr.length; i++) {
                var element = arr[i];
                // console.log(element+"22");
                if (element == txt) {
                    /* 数据已经存在了 */
                    /* 删除数据 */
                    arr.splice(i, 1);
                    break;

                }
            }

            /* 添加到数组里面 */
            arr.unshift(txt);
            // console.log(arr);    

            /* 添加到本地存储中 */
            ls.setItem("letaoHistory", JSON.stringify(arr));

            /* 跳转页面 */
            location.href = "./searchList.html?key=" + txt;
        });

        /* 清除历史数据 */
        $(".clearAll").on("tap", function () {
            localStorage.removeItem("letaoHistory");
            location.reload();
        });

        $(".hisSer ul").on("tap", ".removeRec", function (e) {
            var aDom = e.target.parentNode;
            var index = $(aDom).data("index");
            var ls = localStorage;

            var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];
            arr.splice(index, 1);

            var str = '';
            for (var i = 0; i < arr.length; i++){
                var element = arr[i];
                str += ' <li> '+element+' <a data-index='+i+' class="removeRec mui-pull-right" href="javascript:;"><span class="mui-icon mui-icon-closeempty"></span></a> </li>'
            }

            $(".hisSer ul").html(str);

            ls.setItem("letaoHistory", JSON.stringify(arr));
        });
    }
    // ====

    function renderData() {
        var ls = localStorage;
        var arr = (ls.getItem("letaoHistory") && JSON.parse(ls.getItem("letaoHistory"))) || [];
        // console.log(arr.length);

        var str = '';
        for (var i = 0; i < arr.length; i++){
            var element = arr[i];
            str += ' <li> ' + element + ' <a data-index=' + i + ' class="removeRec mui-pull-right" href="javascript:;"><span class="mui-icon mui-icon-closeempty"></span></a> </li>'
            // console.log(str);
        }

        $(".hisSer ul").html(str);

        if (arr.length > 0) {
            $(".hisInfo").hide();
        } else {
            $(".hisSer").hide();
        }
    }
});